<template>
  <div class="ope">
    <span class="ye">{{ ye }}条剩余</span>
    <el-radio-group v-model="radio1">
      <el-radio-button label="全部" @click="scree('全部')"></el-radio-button>
      <el-radio-button
        label="未完成"
        @click="scree('未完成')"
      ></el-radio-button>
      <el-radio-button
        label="已完成"
        @click="scree('已完成')"
      ></el-radio-button>
    </el-radio-group>
    <el-button type="text" @click="delar()">清除已完成</el-button>
  </div>
</template>

<script>
// @ is an alias to /src
import { mapGetters, mapMutations } from "vuex";

export default {
  name: "OperAte",
  data() {
    return {
      radio1: "全部",
    };
  },
  components: {},
  computed: {
    ...mapGetters("seek", ["ye"]),
    ...mapMutations("seek", ["delarr"]),
  },
  methods: {
    delar() {
      this.delarr();
    },
  },
};
</script>
<style lang="less" scoped>
.ope {
  padding: 5px 0;
}
.ye {
  float: left;
  line-height: 40px;
  margin-left: 10px;
}
.el-button {
  float: right;
  margin-right: 10px;
}
</style>
